<form action="?m=home" method="POST">
	<div id="cat1">
		<h3>Taste</h3>
		0<input type="radio" name="taste" value="0" CHECKED>
		1<input type="radio" name="taste" value="1">
		2<input type="radio" name="taste" value="2">
		3<input type="radio" name="taste" value="3">
		4<input type="radio" name="taste" value="4">
		5<input type="radio" name="taste" value="5">
	</div>

	<div id="cat2">
		<h3>Originality</h3>	
		0<input type="radio" name="originality" value="0" CHECKED>
		1<input type="radio" name="originality" value="1">
		2<input type="radio" name="originality" value="2">
		3<input type="radio" name="originality" value="3">
		4<input type="radio" name="originality" value="4">
		5<input type="radio" name="originality" value="5">
	</div>
	
	<div id="cat3">
		<h3>Presentation</h3>
		0<input type="radio" name="presentation" value="0" CHECKED>
		1<input type="radio" name="presentation" value="1">
		2<input type="radio" name="presentation" value="2">
		3<input type="radio" name="presentation" value="3">
		4<input type="radio" name="presentation" value="4">
		5<input type="radio" name="presentation" value="5">
	</div>
	<br>
	<div id="guess">
		<label>Guess the beer</label>
		<input type="text" name="guess">
	</div>
	<br>
    
	<input type="button" value="Submit" class="go">
</form>
<p class="confirm"><img src="_img/y.jpg" /></p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
	
$(document).ready(function() {
$(".confirm").hide();
	$(".go").click(function() {
   
		$("form").animate({
		"height": "toggle", "opacity": "toggle"
		}, "slow");
		
		$(".confirm").show(); 
		setTimeout('$("form").submit()', 3000);		
     	
    });

});
</script>